<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
	#app {
		width: 100%;
		height: 100%;
	}
	input {
		width: 100%;
	}

	#inputbox {
		width: 100%;
		display: flex;
		align-items: center;
	}

	#inputbox:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.stopTrade {
		color: #9c9c9c;
	}

	#lable {
		display: block;
		float: left;
		text-align: left;
		clear: left;
		font-size: 2.5rem;
		font-weight: 500;
		margin-right: 20px;
	}

	#inputlable {
		display: block;
		float: left;
		clear: right;
		font-size: 2.5rem;
		border: none;
		padding: 0;
		margin: 0;
	}

	input {
		border: none!important;
		margin: 0!important;
		padding: 0!important;
	}

	.finish_money {
		color: #959595!important;
	}

	.finish_money_blue {
		color: #2a8ce5!important;
	}

	.popup-head {
		padding: 0;
		border: none;
	}

	.popup {
		border-radius: 5px!important;
		overflow: hidden;
	}

	.popup-buttons {
		padding: 0!important;
		min-height: 0!important;
	}

	.buttonpop {
		color: #2a8ce5;
		text-align: center;
		width: 100%;
		border-top: 1px solid #ddd;
	}

	.freeMoney_content {
		width: 100%;
		background-color: #f8f8f8;
	}

	.freeMoney_content .freeMoney_content_img {
		width: 100%;
	}

	.freeMoney_content .freeMoney_content_img img {
		width: 100%;
		display: block;
	}

	.freeMoney_content .freeMoney_list {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		border: 1px solid #eee;
		border-radius: 5px;
		display: flex;
		padding: 0 10px;
		background-color: #fff;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_left {
		flex: 2;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_left .freeMoney_list_left_first {
		font-weight: 500;
		font-size: 2.5rem;
		margin-top: 11px;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_left .freeMoney_list_left_second {
		font-weight: 400;
		font-size: 2.2rem;
		margin-top: 10px;
		color: #9c9c9c;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_right {
		flex: 1;
		font-size: 2.2rem;
		text-align: right;
		line-height: 70px;
		color: #ee3834;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_right .freeMoney_list_right_money {
		font-size: 3.5rem;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_right_red {
		color: red;
	}

	.freeMoney_content .freeMoney_list .freeMoney_list_right_gray {
		color: #9c9c9c;
	}

	.freeMoney_content .freeMoney_title {
		margin-top: 20px;
		color: #9c9c9c;
		margin-left: 20px;
	}

	.guess {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.hide {
		display: none;
	}

	#dealerOne {
		position: relative;
	}

	#dealerOne div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	#dealerOne .img_small {
		background: url("./images/guess/chip-1-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	#dealerOne .img_center {
		background: url("./images/guess/chip-2-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	#dealerOne .img_big {
		background: url("./images/guess/chip-3-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	.guess_top {
		width: 100%;
		height: 80.6%;
		position: relative;
		box-sizing: border-box;
		background: #072161;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_title {
		width: 100%;
		height: 48px;
		padding: 0 30px;
		box-sizing: border-box;
		position: relative;
		color: #afd0ff;
		font-size: 2.3rem;
	}

	.guess_top .guess_top_title .guess_top_title_left {
		width: 24%;
		float: left;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: flex-start;
	}

	.guess_top .guess_top_title .guess_top_title_center {
		width: 56%;
		float: left;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_title .guess_top_title_right {
		width: 20%;
		float: right;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_loadingLine {
		background: url("./images/guess/loading-line.png") no-repeat;
		background-size: 100% 100%;
		margin: 0 30px;
		box-sizing: border-box;
		position: relative;
	}

	.guess_top .guess_top_loadingLine canvas {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.guess_top .guess_top_loadingLine .guess_top_mask {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		background: url("./images/guess/loading-mask.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .girl {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 4;
		width: 48%;
		height: 80%;
		background: url("./images/guess/bg-girl.png") no-repeat;
		background-size: contain;
		margin-right: -18%;
	}

	.guess_top .guess_top_orders {
		position: absolute;
		left: 30px;
		top: 48px;
		z-index: 5;
	}

	.guess_top .guess_top_orders .guess_top_orders_left {
		float: left;
		width: 29.1%;
		height: 100%;
	}

	.guess_top .guess_top_orders .guess_top_orders_center {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.guess_top .guess_top_orders #guess4 {
		position: absolute;
		top: 0;
	}

	.guess_top .guess_top_orders #guess5 {
		position: absolute;
		bottom: 0;
	}

	.guess_top .guess_top_orders .guess_top_orders_right {
		width: 29.1%;
		height: 100%;
		float: right;
	}

	.guess_top .guess_top_orders .guess_top_order_gap {
		height: 1.3%;
		width: 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_1 {
		background: url("./images/guess/grid-1.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_2 {
		background: url("./images/guess/grid-2.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_3 {
		background: url("./images/guess/grid-3.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_4 {
		background: url("./images/guess/grid-4.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_5 {
		background: url("./images/guess/grid-5.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_6 {
		background: url("./images/guess/grid-6.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_7 {
		background: url("./images/guess/grid-7.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_8 {
		background: url("./images/guess/grid-8.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_9 {
		background: url("./images/guess/grid-9.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_10 {
		background: url("./images/guess/grid-10.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_purple_border {
		width: 100%;
		display: none;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("./images/guess/grid-1-on.gif") no-repeat;
		background-size: 100%;
	}

	.guess_top .guess_top_orders .guess_red_border {
		width: 100%;
		display: none;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("./images/guess/grid-2-on.gif") no-repeat;
		background-size: 100%;
	}

	.guess_top .guess_top_orders .guess_blue_border {
		width: 100%;
		display: none;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("./images/guess/grid-3-on.gif") no-repeat;
		background-size: 100%;
	}

	.guess_top .guess_top_orders .guess_orange_border {
		width: 100%;
		height: 100%;
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		background: url("./images/guess/grid-4-on.gif") no-repeat;
		background-size: 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_purple {
		width: 100%;
		height: 24.2%;
		position: relative;
	}

	.guess_top .guess_top_orders .guess_top_order_red {
		width: 100%;
		height: 24.2%;
		position: relative;
	}

	.guess_top .guess_top_orders .guess_top_order_blue {
		width: 100%;
		height: 24.2%;
		position: relative;
	}

	.guess_top .guess_top_orders .guess_top_order_orange {
		width: 100%;
		height: 24.2%;
	}

	.guess_top .guess_top_orders .guess_top_order_orange .guess_top_orders_black_bg {
		width: 74%;
		margin: 0 auto;
	}

	.guess_top .guess_top_orders .guess_top_order_green {
		position: absolute;
		perspective: none;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top {
		position: absolute;
		top: 0;
		left: 0;
		transform-style: preserve-3d;
		transition: transform .5s;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("./images/guess/center1.png") no-repeat;
		background-size: 100% 100%;
		color: #fff;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .guess_top_order_green_top_order_top {
		width: 100%;
		height: 23%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-size: 1.3rem;
		position: relative;
		top: 3px;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .guess_top_order_green_top_order_top div {
		line-height: 1.3;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .guess_top_order_green_top_order_center {
		width: 100%;
		height: 38%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 7rem;
		top: 4%;
		position: relative;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .guess_top_order_green_top_order_center .orderTimeCoountDown {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		font-size: 5rem;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .cdNumLast {
		color: #d63344;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_order .guess_top_order_green_top_order_bottom {
		width: 100%;
		height: 23%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5rem;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result {
		position: absolute;
		transform: rotateY(-180deg);
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("./images/guess/center2.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .guess_top_order_green_top_result_top {
		color: #0c676e;
		overflow: hidden;
		width: 100%;
		height: 44.3%;
		line-height: 0;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_title {
		transform: translate(0px,-100px);
		font-weight: bolder;
		padding: 10px 0;
		width: 100%;
		height: 72.7%;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_title>div:first-child {
		font-size: 1.3rem;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_title>div:last-child {
		font-size: 2rem;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_title .result_title_txt {
		line-height: 1;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_title .result_title_txt .result_title_txt_color {
		color: #ea338e;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_last_three {
		width: 100%;
		height: 27.3%;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		top: -80px;
		left: -80px;
		font-size: 2.3rem;
		font-weight: bolder;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_last_three div {
		padding: 0 2px;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_top .guess_top_order_green_top_result .result_number {
		display: none;
		width: 100%;
		height: 55.7%;
		text-align: center;
		font-size: 8rem;
		line-height: 1;
		color: #fff;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_bottom {
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 20;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.guess_top .guess_top_orders .guess_top_order_green .guess_top_order_green_bottom img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.guess_top .guess_top_orders_black_bg {
		width: 100%;
		height: 100%;
		color: #fff;
		position: relative;
		display: none;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_orders_black_bg .guess_top_orders_black_img {
		width: 100%;
		height: 100%;
		font-size: 2.7rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_top .guess_top_orders_black_bg .guess_top_orders_black_img_small {
		color: #d2e9ff;
		background: url("./images/guess/chip-1-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	.guess_top .guess_top_orders_black_bg .guess_top_orders_black_img_center {
		color: #fff2dc;
		background: url("./images/guess/chip-2-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	.guess_top .guess_top_orders_black_bg .guess_top_orders_black_img_big {
		color: #ffe3ef;
		background: url("./images/guess/chip-3-L.png") no-repeat;
		background-size: 60%;
		background-position: center;
	}

	.guess_top .guess_top_bottom_row_box {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 16%;
		width: 100%;
	}

	.guess_top .guess_top_bottom_row_txt {
		width: 100%;
		height: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: justify;
		color: #fff;
		font-size: 2rem;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
	}

	.guess_top .guess_top_bottom_row1,.guess_top .guess_top_bottom_row2 {
		position: relative;
		z-index: 4;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		height: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.guess_top .guess_top_bottom_row1 div,.guess_top .guess_top_bottom_row2 div {
		float: left;
		height: 100%;
		width: 0;
	}

	.guess_top .guess_top_bottom_row1 div img,.guess_top .guess_top_bottom_row2 div img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.guess_top .guess_top_bottom_row2 {
		align-items: baseline;
	}

	.guess_bottom {
		width: 100%;
		height: 19.4%;
		background: url("./images/guess/body-bg-2.png") no-repeat;
		background-size: 100% 100%;
		clear: both;
	}

	.guess_bottom .guess_bottom_chess {
		width: 100%;
		height: 60%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_left {
		width: 21%;
		float: left;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_left .guess_sound {
		background: url("./images/guess/icon-sound.png") no-repeat;
		background-size: cover;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center {
		height: 100%;
		width: 58%;
		float: left;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_one {
		position: relative;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_one .guess_bottom_chess_one_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		background: url("./images/guess/chip-1.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_one .guess_bottom_chess_one_glow {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url("./images/guess/chip-1-glow.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_five {
		position: relative;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_five .guess_bottom_chess_five_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		background: url("./images/guess/chip-2.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_five .guess_bottom_chess_five_glow {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url("./images/guess/chip-2-glow.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_ten {
		position: relative;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_ten .guess_bottom_chess_ten_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		background: url("./images/guess/chip-3.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_center .guess_bottom_chess_ten .guess_bottom_chess_ten_glow {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url("./images/guess/chip-3-glow.png") no-repeat;
		background-size: 100% 100%;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_right {
		width: 21%;
		float: right;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_bottom .guess_bottom_chess .guess_bottom_chess_right .guess_cancle {
		background: url("./images/guess/icon-clear.png") no-repeat;
		background-size: cover;
	}

	.guess_bottom .guess_bottom_userinfo {
		width: 100%;
		height: 40%;
		box-sizing: border-box;
		color: #fff;
		font-size: 2rem;
	}

	.guess_bottom .guess_bottom_userinfo .guess_bottom_userinfo_money {
		float: left;
		margin-left: 10px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_bottom .guess_bottom_userinfo .guess_bottom_userinfo_recharge {
		float: left;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 10px;
	}

	.guess_bottom .guess_bottom_userinfo .guess_bottom_userinfo_recharge .guess_bottom_userinfo_recharge_btn {
		padding: 2px 6px;
		border-radius: 5px;
		background: #afd0ff;
		color: #000;
	}

	.guess_bottom .guess_bottom_userinfo .guess_bottom_userinfo_order {
		float: right;
		margin-right: 10px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.popSuccessBox {
		width: 100%;
		padding: 0 10px;
		top: 0;
		position: absolute;
		z-index: 9999;
	}

	.popSuccessBox .pop_success {
		width: 100%;
		box-sizing: border-box;
		background: rgba(31,135,226,0.95);
		color: #fff;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border: 2px solid #93d8ff;
		border-top: 0;
		box-shadow: 0 -2px 15px 0 #81c4f9 inset;
	}

	.popSuccessBox .pop_success:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.popSuccessBox .pop_success .pop_success_left {
		padding: 20px 10px 20px 20px;
		float: left;
		width: 91%;
		font-size: 2rem;
		line-height: 1.5;
	}

	.popSuccessBox .pop_success .pop_success_right {
		float: left;
		margin-top: 5px;
		width: 20px;
		height: 20px;
		background: url("./images/close_tips.png") no-repeat;
		background-size: contain;
	}

	.popFailBox {
		width: 100%;
		padding: 0 10px;
		top: 0;
		position: absolute;
		z-index: 9999;
	}

	.popFailBox .pop_fail {
		width: 100%;
		box-sizing: border-box;
		background: rgba(203,59,59,0.95);
		color: #fff;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border: 2px solid #ffcece;
		border-top: 0;
		box-shadow: 0 -2px 15px 0 rgba(254,156,171,0.6) inset;
	}

	.popFailBox .pop_fail:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.popFailBox .pop_fail .pop_fail_left {
		padding: 20px 10px 20px 20px;
		float: left;
		width: 91%;
		font-size: 2rem;
		line-height: 1.5;
	}

	.popFailBox .pop_fail .pop_fail_right {
		float: left;
		margin-top: 5px;
		width: 20px;
		height: 20px;
		background: url("./images/close_tips.png") no-repeat;
		background-size: contain;
	}

	.newRookie {
		width: 100%;
		height: 100%;
	}

	.newRookie .guess_desc_content {
		background: rgba(0,0,0,0.8);
		color: #fff;
		padding: 30px 25px 30px 40px;
		font-size: 2.3rem;
	}

	.newRookie .guess_desc_content .guess_desc_one {
		text-align: justify;
		position: relative;
	}

	.newRookie .guess_desc_content .guess_desc_one:before {
		content: '1、';
		display: block;
		position: absolute;
		top: 0;
		left: -20px;
	}

	.newRookie .guess_desc_content .guess_desc_two {
		margin-top: 10px;
		text-align: justify;
		position: relative;
	}

	.newRookie .guess_desc_content .guess_desc_two:before {
		content: '2、';
		display: block;
		position: absolute;
		top: 0;
		left: -20px;
	}

	.newRookie .guess_desc_content img {
		display: block;
		margin-top: 10px;
		width: 100%;
	}

	.newRookie .guess_desc_content .guess_desc_table {
		width: 100%;
		margin-bottom: 30px;
		box-sizing: border-box;
		border-top: 1px solid white;
		border-left: 1px solid white;
	}

	.newRookie .guess_desc_content .guess_desc_table .guess_desc_table_center {
		flex: 4;
	}

	.newRookie .guess_desc_content .guess_desc_table div {
		display: flex;
	}

	.newRookie .guess_desc_content .guess_desc_table div div {
		flex: 1;
		box-sizing: border-box;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
	}

	.guess_desc,.guess_chart_content {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.guess_desc .guess_desc_close_btn,.guess_chart_content .guess_desc_close_btn {
		position: absolute;
		top: 8%;
		right: 4%;
		margin-top: -10px;
		margin-right: -10px;
		z-index: 101;
		width: 30px;
		height: 30px;
		background: url('./images/guess/btn-close.png') no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}

	.guess_desc .guess_desc_content,.guess_chart_content .guess_desc_content {
		width: 92%;
		height: 84%;
		box-sizing: border-box;
		border: 1px solid white;
		border-radius: 12px;
		background: rgba(0,0,0,0.8);
		color: #fff;
		padding: 30px 25px 30px 40px;
		font-size: 2.3rem;
		position: relative;
	}

	.guess_desc .guess_desc_content .guess_desc_one,.guess_chart_content .guess_desc_content .guess_desc_one {
		text-align: justify;
		position: relative;
	}

	.guess_desc .guess_desc_content .guess_desc_one:before,.guess_chart_content .guess_desc_content .guess_desc_one:before {
		content: '1、';
		display: block;
		position: absolute;
		top: 0;
		left: -20px;
	}

	.guess_desc .guess_desc_content .guess_desc_two,.guess_chart_content .guess_desc_content .guess_desc_two {
		margin-top: 10px;
		text-align: justify;
		position: relative;
	}

	.guess_desc .guess_desc_content .guess_desc_two:before,.guess_chart_content .guess_desc_content .guess_desc_two:before {
		content: '2、';
		display: block;
		position: absolute;
		top: 0;
		left: -20px;
	}

	.guess_desc .guess_desc_content img,.guess_chart_content .guess_desc_content img {
		display: block;
		margin-top: 10px;
		width: 100%;
	}

	.guess_desc .guess_desc_content .guess_desc_table,.guess_chart_content .guess_desc_content .guess_desc_table {
		width: 100%;
		margin-bottom: 30px;
		box-sizing: border-box;
		border-top: 1px solid white;
		border-left: 1px solid white;
	}

	.guess_desc .guess_desc_content .guess_desc_table .guess_desc_table_center,.guess_chart_content .guess_desc_content .guess_desc_table .guess_desc_table_center {
		flex: 4;
	}

	.guess_desc .guess_desc_content .guess_desc_table div,.guess_chart_content .guess_desc_content .guess_desc_table div {
		display: flex;
	}

	.guess_desc .guess_desc_content .guess_desc_table div div,.guess_chart_content .guess_desc_content .guess_desc_table div div {
		flex: 1;
		box-sizing: border-box;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
	}

	.guess_chart_scroll {
		width: 92%;
		height: 84%;
		box-sizing: border-box;
		border: 1px solid white;
		color: #fff;
		padding: 49px 0 40px;
		font-size: 2.3rem;
		position: relative;
	}

	.guess_chart_box {
		height: 100%;
		width: 100%;
	}

	.guess_chart_box>.guess_chart_box_data:nth-child(odd) {
		background: #f3f3f3;
	}

	.guess_chart_box>.guess_chart_box_data:nth-child(even) {
		background: #fff;
	}

	.guessChart_number {
		width: 28.5%;
	}

	.guessChart_sum,.guessChart_big,.guessChart_small,.guessChart_single,.guessChart_double,.guessChart_bigDouble,.guessChart_smallDouble,.guessChart_bigSingle,.guessChart_smallSingle,.guessChart_bao,.guessChart_shun {
		width: 6.5%;
	}

	.guess_chart_box_data {
		width: 100%;
		height: 20px;
		font-size: 2rem;
		user-select: text;
	}

	.guess_chart_box_data .guessChart_number {
		color: #000!important;
		font-size: 1.3rem!important;
	}

	.guess_chart_box_data .guessChart_sum {
		color: #5da0ff;
	}

	.guess_chart_box_data div {
		float: left;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		color: #fff;
		border-right: 1px solid #f4fffe;
	}

	.guess_chart_box_data div span {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
	}

	.guessChart_big span,.guessChart_small span {
		background: #fb7f9a;
		line-height: 1;
	}

	.guessChart_single span,.guessChart_double span {
		background: #65b3ff;
		line-height: 1;
	}

	.guessChart_bigDouble span,.guessChart_smallDouble span {
		background: #837BD3;
		line-height: 1;
	}

	.guessChart_bigSingle span,.guessChart_smallSingle span {
		background: #837BD3;
		line-height: 1;
	}

	.guessChart_bao span,.guessChart_shun span {
		background: #edc882;
		line-height: 1;
	}

	.guess_chart_box_title {
		background: #f8616c;
		width: 92%;
		height: 50px;
		color: #fff;
		font-size: 2rem;
		position: fixed;
		top: 8%;
		left: 4%;
		box-sizing: border-box;
		border: 1px solid white;
		border-bottom: none;
	}

	.guess_chart_box_title div {
		height: 100%;
		float: left;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.pup__txt_color {
		color: #000;
	}

	.popup-title {
		margin-top: 10px!important;
	}

	a {
		text-decoration: none;
	}

	.tradeTop {
		position: absolute;
		color: #7e7e81;
		font-size: 1.9rem;
		z-index: 1;
		text-align: center;
		line-height: 3;
		width: 100%;
		max-width: 1000px;
	}

	.tradeTop .tradeTopMoeny {
		color: #cb1a28;
	}

	.tradeTop .horseLampbox {
		width: 100%;
		display: flex;
		color: #cb1a28;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		align-items: center;
		justify-content: center;
	}

	.tradeTop .horseLampbox .horseLamp {
		width: 90%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.money_list_box {
		position: absolute;
		background: white;
		color: #000;
		width: 38px;
		left: -17px;
		display: none;
	}

	.money_list_box .moneylist {
		border-bottom: 1px solid #eee;
	}

	div,p,span,a,h1,h2,h3,h4,h5,h6,li,ul,body,button {
		font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	}

	html {
		font-size: 62.5%;
		height: 100%;
	}

	/*body {
		font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
		font-size: 62.5%;
		color: #000;
		background-color: #f8f8f8;
		background-image: url('./images/loading.gif');
		background-position: center center;
		background-repeat: no-repeat;
		height: 100%;
	}

	@media(-webkit-min-device-pixel-ratio: 2) {
		html,body {
			font-size:45%;
		}

		.changgePhoneNum_identify,.changgePhoneNum_identify_gray {
			width: 42%!important;
		}
	}

	@media(max-width: 360px) {
		html,body {
			font-size:42%;
		}
	}*/

	@media(min-width: 1000px) {
		html,body {
			width:1000px;
			font-size: 50%;
		}
	}

	.trade_center {
		background: #f8f8f8;
	}

	#writehtml {
		padding-bottom: 10px;
	}

	.trade_tip {
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: fixed;
		width: 100%;
		background-color: rgba(226,61,68,0.8);
		color: #fff;
		font-size: 2rem;
		z-index: 10;
	}

	.trade_tip .closeBtn {
		position: absolute;
		right: 0;
		top: 0;
		height: 40px;
		width: 40px;
		background: url("./images/close_tips.png") no-repeat center;
		background-size: 50% 50%;
	}

	.trade_bottom {
		height: 100%;
		position: fixed;
		width: 100%;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 11;
	}

	.trade_bottom .QRcode_ime {
		width: 100%;
		padding: 8% 0 6%;
		position: relative;
	}

	.trade_bottom .QRcode_ime img {
		display: block;
		width: 50%;
		margin: 0 auto;
	}

	.trade_bottom .QRcode_txt {
		width: 100%;
		text-align: center;
		margin-bottom: 8%;
		color: #9c9c9c;
	}

	.trade_bottom .qrCode {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		position: relative;
		background-color: #f8f8f8;
	}

	.trade_bottom .qrCode .qrCode_top {
		min-height: 70%;
		padding: 15px;
		border: 1px solid #eee;
		border-radius: 0;
		color: #000;
		position: relative;
	}

	.trade_bottom .qrCode .qrCode_top .bottom_close_btn {
		position: absolute;
		right: -15px;
		top: -15px;
		width: 30px;
		height: 30px;
		background: url("./images/close_pop.png") no-repeat;
		background-size: cover;
	}

	.trade_bottom .qrCode .qrCode_top .bottom_close_btn:active {
		background-position-y: -30px;
	}

	.trade_bottom .qrCode .qrCode_top .title {
		border-bottom: 1px solid #eee;
		height: 14%;
		padding-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.trade_bottom .qrCode .qrCode_top .title img {
		display: block;
	}

	.trade_bottom .qrCode .qrCode_top .qrCode_img_p {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 0;
		line-height: 1.5;
	}

	.trade_bottom .qrCode .qrCode_top .qrCode_img {
		padding: 0 10%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.trade_bottom .qrCode .qrCode_top .qrCode_img p {
		margin: 0;
		padding: 0;
	}

	.trade_bottom .qrCode .qrCode_top .qrCode_img img {
		display: block;
		max-width: 320px;
		width: 100%;
	}

	.trade_bottom .qrCode .qrCode_top .bottom {
		height: 13%;
		text-align: center;
		color: #000;
		font-size: 2.5rem;
	}

	.trade_bottom .qrCode .qrCode_top>.bottom:nth-last-of-type(1) {
		font-size: 2rem;
	}

	.trade_bottom .qrCode .qrCode_top>.bottom:nth-last-of-type(1) span {
		color: #f65c5a;
	}

	.trade_bottom .qrCode .qrCode_bottom {
		background-repeat: no-repeat;
		background-size: contain;
		border: 1px solid #eee;
		border-radius: 0;
		margin-top: 10px;
		height: 30%;
		display: flex;
	}

	.trade_bottom .qrCode .qrCode_bottom img {
		display: block;
		width: 100%;
	}

	.trade_bottom .qrCode .qrCode_bottom .qrCode_bottom_box {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.trade_bottom .qrCode .qrCode_bottom .qrCode_bottom_box .qrcode_left {
		width: 30%;
		height: 100%;
	}

	.trade_bottom .qrCode .qrCode_bottom .qrCode_bottom_box .qrcode_left img {
		display: block;
	}

	.trade_bottom .qrCode .qrCode_bottom .qrCode_bottom_box .qrCode_right {
		width: 70%;
		height: 100%;
	}

	.trade_bottom .qrCode_logo {
		position: absolute;
		bottom: 5px;
		width: 100%;
		height: 56px;
		z-index: 1;
		background-size: 36%;
	}

	.trade_list_box {
		width: 100%;
		padding: 0 10px;
	}

	.trade_list_box .lineBox {
		margin-top: 10px;
		border: 1px solid #eee;
		background-color: #fff;
		border-radius: 5px;
		padding-top: 10px;
		position: relative;
	}

	.trade_list_box .lineBox .lineBox_img {
		position: absolute;
		right: 10px;
		z-index: 10;
		top: 6px;
	}

	.trade_list_box .lineBox .lineBox_img:after {
		content: '';
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}

	.trade_list_box .lineBox .lineBox_img img {
		float: right;
		height: 12px;
	}

	.trade_list_box .trade_list_box_txt {
		color: #9c9c9c;
		font-size: 1.9rem;
		padding: 10px 10px 0;
		border-top: 1px solid #eee;
	}

	.trade_list_box .trade_list_box_item {
		padding: 10px 10px;
		border-radius: 5px;
		position: relative;
	}

	.trade_list_box .trade_list_box_item:after {
		content: '';
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}

	.trade_list_box .trade_list_box_item_img {
		float: left;
		width: 42px;
		height: 42px;
		margin-right: 10px;
		position: absolute;
		top: 50%;
		margin-top: -21px;
	}

	.trade_list_box .trade_list_box_item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.trade_list_box .trade_money_list {
		float: right;
		color: #3379b5;
		font-size: 2.5rem;
		font-weight: 500;
		margin-top: -10px;
		position: absolute;
		top: 50%;
		right: 10px;
	}

	.header {
		width: 100%;
		height: 90px;
		padding: 10px;
		display: flex;
	}

	.header .personPhoto {
		width: 70px;
		height: 100%;
		border-radius: 5px;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #eee;
	}

	.header .personPhoto img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 5px;
	}

	.header .account {
		margin-left: 10px;
		flex: 1;
		background-color: #fff;
		border-radius: 5px;
		border: 1px solid #eee;
		padding: 10px 20px;
	}

	.header .account .phoneNum {
		color: #4a4a4a;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 40px;
	}

	.header .account .haveMoney {
		color: #ee3834;
		float: left;
	}

	.header .account .haveMoney .haveMoney_txt {
		font-size: 2.2rem;
		margin-top: -2px;
		color: #9c9c9c;
	}

	.header .account .redpackmoney {
		float: right;
	}

	.header .account .redpackmoney .redpackmoney_txt {
		font-size: 2.2rem;
		margin-top: -2px;
		color: #9c9c9c;
	}

	.header .account .redmoney {
		color: #2a8ce5;
		margin-top: 12px;
	}

	.header .account .redmoney .redmoneyInt {
		font-size: 2.6rem;
		font-weight: bold;
	}

	.header .account .redmoney .redmoneyFloat {
		font-size: 1.6rem;
	}

	.header .money {
		margin-top: 12px;
		color: #ee3834;
	}

	.header .money .moneyInt {
		font-size: 2.6rem;
		font-weight: bold;
	}

	.header .money .moneyFloat {
		font-size: 1.6rem;
	}

	.trade_header_box {
		padding: 10px 10px;
		box-sizing: content-box;
	}

	.trade_header {
		background-image: url("./images/dashboard-bg.png");
		background-size: contain;
		background-repeat: no-repeat;
		color: #fff;
		width: 100%;
		padding: 10px;
	}

	.trade_header .trade_h_top {
		font-size: 2rem;
		height: 19%;
	}

	.trade_header .trade_h_top:after {
		content: '';
		height: 0;
		overflow: hidden;
		clear: both;
		display: block;
	}

	.trade_header .trade_h_top .trade_h_top_l {
		float: left;
	}

	.trade_header .trade_h_top .trade_h_top_r {
		float: right;
		text-shadow: 0 0 5px black;
	}

	.trade_header .trade_h_top .trade_h_top_r .moneyPack_int {
		font-size: 2.88rem;
	}

	.trade_header .trade_h_top .trade_h_top_r .moneyPack_float {
		font-size: 1.76rem;
	}

	.trade_header .trade_h_centent {
		font-size: 2.11rem;
		clear: both;
		height: 39%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		padding-top: 2.1%;
	}

	.trade_header .trade_h_centent .trade_Rmb {
		text-align: center;
		margin-top: 8px;
		font-size: 4.82rem;
	}

	.trade_header .trade_h_centent .trade_Rmb .trade_Rmb_float {
		font-size: 2.94rem;
	}

	.trade_header .trade_h_bottom {
		margin-top: 8.2%;
		height: 21%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}

	.trade_header .trade_h_bottom .trade_h_bottom_btn {
		margin: 0 auto;
		background: #fff;
		color: #4748d7;
		display: block;
		border-radius: 25px;
		line-height: 1.8;
		font-size: 2.4rem;
	}

	.trade_header .trade_h_bottom .trade_h_bottom_btn .trade_h_bottom_btn_color {
		margin: 0 auto;
		display: block;
		padding: 0 30px;
		line-height: 1.8;
		font-size: 2.4rem;
		color: transparent;
		background: linear-gradient(to bottom,#66bfff,#6e51a1,#a82fc8);
		-webkit-background-clip: text;
	}

	.trade_header .trade_h_bottom .trade_h_bottom_withdraw {
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 2rem;
		text-shadow: 0 0 5px black;
	}

	.birds {
		width: 100%;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
	}

	.birds .analogTrade {
		border-radius: 5px;
		border: 1px solid #eee;
		background: #fff;
		padding-bottom: 10px;
		flex: 1;
		display: flex;
	}

	.birds .analogTrade .analogTradeL {
		width: 42px;
		height: 42px;
		margin-top: 13px;
		margin-left: 10px;
	}

	.birds .analogTrade .analogTradeL img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.birds .analogTrade .analogTradeR {
		margin-left: 10px;
		display: flex;
		flex-direction: column;
	}

	.birds .analogTrade .analogTradeR .analogTradeR_first {
		font-size: 2.4rem;
		font-weight: 500;
		margin-top: 15px;
	}

	.birds .analogTrade .analogTradeR .analogTradeR_second {
		font-size: 2rem;
		color: #9c9c9c;
		margin-top: 2px;
	}

	.birds .moneyGift {
		border-radius: 5px;
		border: 1px solid #eee;
		background: #fff;
		flex: 1;
		display: flex;
		margin-left: 10px;
	}

	.birds .moneyGift .moneyGiftL {
		width: 42px;
		height: 42px;
		margin-top: 13px;
		margin-left: 10px;
	}

	.birds .moneyGift .moneyGiftL img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.birds .moneyGift .moneyGiftR {
		margin-left: 10px;
		display: flex;
		flex-direction: column;
	}

	.birds .moneyGift .moneyGiftR .moneyGiftR_active {
		font-size: 2.4rem;
		font-weight: 500;
		margin-top: 15px;
	}

	.birds .moneyGift .moneyGiftR .moneyGiftR_giftNum {
		font-size: 2rem;
		color: #9c9c9c;
		margin-top: 2px;
	}

	.birds .moneyGift .moneyGiftR .moneyGiftR_giftNum .moneyGiftR_Num {
		font-weight: 500;
		color: #2a8ce5;
	}

	.margin_top_10 {
		margin-top: 10px;
	}

	.center_content_t_box {
		display: flex;
		padding-right: 10px;
	}

	.center_content_scroll {
		flex: 1;
		margin-left: 10px;
		margin-top: 10px;
		color: #9c9c9c;
		font-size: 2rem;
	}

	.center_content_title {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 2rem;
		color: #9c9c9c;
	}

	.scroll-content {
		background-color: #f8f8f8;
	}

	.nav-bar-block,.scroll-content,.bar-header {
		max-width: 1000px;
		margin: 0 auto;
	}

	.tab-item:nth-child(1) {
		background: url("./images/menu1.png");
	}

	.list_left {
		float: left;
		margin-left: 52px;
	}

	.list_left .list_left_first {
		position: relative;
		font-size: 2.5rem;
		font-weight: 500;
		color: #4a4a4a;
	}

	.list_left .list_left_first .hot_list {
		width: 10px;
		background-color: #ee5859;
		height: 10px;
		border-radius: 50%;
		float: right;
	}

	.list_left .list_left_first .hot_list img {
		width: 100%;
		display: block;
	}

	.list_left .list_left_second {
		color: #9c9c9c;
		font-size: 2rem;
		margin-top: 4px;
		margin-bottom: 0;
	}

	.analog_trade_header {
		width: 100%;
		flex: 1;
		background: #18191e;
	}

	.abalog_trade_header_first {
		display: flex;
		justify-content: space-between;
		height: 100%;
		align-items: center;
	}

	.abalog_trade_header_first .abalog_trade_header_btn {
		color: #fff;
		background-color: #262834;
		width: 30%;
		text-align: center;
		border-radius: 5px;
		margin-left: 30px;
		font-size: 2.1rem;
		min-height: 30px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.abalog_trade_header_first .abalog_trade_header_txt_red {
		text-align: right;
		flex: 1;
	}

	.abalog_trade_header_txt {
		color: #7e7e81;
		font-size: 2.3rem;
		font-weight: 500;
		margin-top: -2px;
	}

	.abalog_trade_header_txt_red {
		color: #cb1a28;
	}

	.atrade_content {
		width: 100%;
		height: 50%;
		padding: 10px;
		font-size: 2.3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #18191e;
	}

	.atrade_content .analog_content_first {
		width: 100%;
		height: 85%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 10px;
	}

	.analog_tarde_content_time {
		width: 100%;
		display: flex;
		flex: 1;
		margin-top: 8px;
		align-items: center;
	}

	.analog_tarde_content_time .analog_trade_content_time_right {
		display: flex;
		color: #fff;
		flex: 1;
		justify-content: space-between;
		align-items: center;
		height: 100%;
	}

	.analog_tarde_content_time .analog_trade_content_time_right .analog_trade_content_time_right_leftbtn {
		width: 20%;
		background: #262834;
		border-radius: 5px;
		border: none;
		color: #fff;
		min-height: 28px;
		margin-left: 20px;
		font-size: 2.3rem;
		height: 100%;
	}

	.analog_tarde_content_time .analog_trade_content_time_right .analog_trade_content_time_right_txt {
		flex: 1;
		text-align: center;
	}

	.analog_tarde_content_time .analog_trade_content_time_right .analog_trade_content_time_right_txt .analog_trade_content_time_right_txt_nav {
		position: absolute;
		top: 50%;
		right: 13%;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid white;
	}

	.analog_tarde_content_time .analog_trade_content_time_right .analog_trade_content_time_right_txt_posi {
		position: relative;
	}

	.analog_tarde_content_time .analog_trade_content_time_right .analog_trade_content_time_right_rightbtn {
		width: 20%;
		background: #262834;
		border-radius: 5px;
		border: none;
		color: #fff;
		min-height: 28px;
		font-size: 2.3rem;
		height: 100%;
	}

	.expectedRevenue {
		width: 100%;
		display: flex;
		flex: 1;
		justify-content: space-between;
		align-items: center;
	}

	.expectedRevenue .expectedRevenue_right {
		text-align: right;
		color: #fff;
	}

	.expectedRevenue .expectedRevenue_right .expectedRevenue_txt {
		color: #7e7e81;
		font-size: 1.8rem;
		margin-left: 10px;
	}

	.expectedRevenue .expectedRevenue_right_blue {
		color: #007aff;
		font-weight: 500;
	}

	.analog_content_second {
		color: #fff;
		display: flex;
		align-items: center;
		flex: 1;
	}

	.analog_content_second .analog_content_second_orange {
		color: #f76500;
	}

	.analog_content_three {
		display: flex;
		justify-content: space-between;
		height: 15%;
	}

	.analog_content_three .analog_three_red {
		border-radius: 5px;
		color: #fff;
		font-size: 2.3rem;
		flex: 5;
		border: none;
		background-color: #d63344;
	}

	.analog_content_three .analog_three_green {
		border-radius: 5px;
		color: #fff;
		margin: 0 10px;
		font-size: 2.3rem;
		flex: 5;
		border: none;
		background-color: #1dbba4;
	}

	.analog_content_three .analog_three_blue {
		border-radius: 5px;
		color: #fff;
		font-size: 2.3rem;
		flex: 5;
		border: none;
		background-color: #007aff;
	}

	.atrade_order_content {
		width: 100%;
		height: 50%;
		padding: 10px;
		position: relative;
		background-color: #18191e;
	}

	.atrade_order_result {
		width: 100%;
		height: 50%;
		padding: 10px;
		overflow: scroll;
		overflow-y: visible;
		overflow-x: hidden;
		position: relative;
		background-color: #18191e;
	}

	.atrade_order_first {
		width: 100%;
		min-height: 93px;
		border-radius: 5px;
		position: relative;
		padding: 5px 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;
	}

	.atrade_order_first .atrade_order_top_result {
		width: 100%;
		height: 90px;
		color: #7e7e81;
		font-size: 2.3rem;
	}

	.atrade_order_first .atrade_order_top_result:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_top_result .atrade_order_top_left,.atrade_order_first .atrade_order_top_result .atrade_order_top_right {
		justify-content: space-around;
	}

	.atrade_order_first .atrade_order_top {
		width: 100%;
		height: 62%;
		color: #7e7e81;
		font-size: 2.3rem;
	}

	.atrade_order_first .atrade_order_top:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_top_left {
		float: left;
		width: 49%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.atrade_order_first .atrade_order_top_left p {
		margin: 0;
	}

	.atrade_order_first .atrade_order_top_left_f:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_top_left_f .atrade_order_top_left_fl {
		float: left;
	}

	.atrade_order_first .atrade_order_top_left_f .atrade_order_top_left_fr {
		float: right;
	}

	.atrade_order_first .atrade_order_top_right {
		float: right;
		width: 49%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.atrade_order_first .atrade_order_top_right p {
		margin: 0;
	}

	.atrade_order_first .atrade_order_bottom {
		width: 100%;
		color: #7e7e81;
		font-size: 2.3rem;
		padding-top: 10px;
	}

	.atrade_order_first .atrade_order_bottom:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_result:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_bottom p {
		margin: 0;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_left {
		float: left;
		width: 49%;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_left:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_right {
		float: right;
		width: 49%;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_right:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_right p {
		margin: 0;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_p_left {
		float: left;
	}

	.atrade_order_first .atrade_order_bottom .atrade_order_b_p_right {
		float: right;
	}

	.atrade_order_first_position_result_btn {
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.atrade_order_first_position {
		background-color: #262834;
		display: flex;
		width: 100%;
		justify-content: flex-end;
		flex-direction: column;
		font-size: 2.5rem;
		height: 72px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.atrade_order_first_position p {
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.atrade_order_second {
		font-size: 2.2rem;
		color: #7e7e81;
		padding-left: 10px;
		height: 15%;
		display: flex!important;
		align-items: center;
	}

	.scroll_bardiv::-webkit-scrollbar {
		width: 0;
		background-color: transparent;
	}

	.scroll_bardiv::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.scroll_bardiv::-webkit-scrollbar-thumb {
		background-color: transparent;
	}

	.divscroll::-webkit-scrollbar {
		width: 0;
		background-color: transparent;
	}

	.divscroll::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.divscroll::-webkit-scrollbar-thumb {
		background-color: transparent;
	}

	.atrade_order_back {
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 25%;
		height: 13%;
		border: none;
		font-size: 2.3rem;
		border-radius: 5px;
		background-color: #007aff;
		color: #fff;
	}

	#none {
		width: 100%;
		background-color: #262834;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 2.5rem;
		border-radius: 5px;
		height: 72px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	#none .none_font {
		text-align: center;
		font-size: 2.5rem;
	}

	.red_txt {
		color: #ee3834!important;
	}

	.green_txt {
		color: #32ca57!important;
	}

	.atrade_order_txt_red {
		color: #cb1a28;
	}

	.atrade_order_txt_green {
		color: #1dbba4;
	}

	.atrade_order_txt_write {
		color: #fff;
	}

	.atrade_order_txt_blue {
		color: #007aff;
	}

	.atrade_order_txt_orange {
		color: #f76500;
	}

	.txt_color_black {
		color: #000;
	}

	.txt_color_red {
		color: #ee3834;
	}

	.agent_data_detail_repeat {
		border: 1px solid #eee;
		border-radius: 5px;
		background-color: #fff;
		padding: 10px 0;
		margin-top: 10px;
		font-size: 2.5rem;
		line-height: 1.5;
	}

	.agent_data_detail_repeat .agent_data_listy {
		display: flex;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_l {
		flex: 3;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_l:after {
		content: '';
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_l .agent_data_detal_l_l {
		float: left;
		color: #9c9c9c;
		padding-left: 10px;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_l .agent_data_detal_l_r {
		float: left;
		margin-right: 10px;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_r {
		flex: 2;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_r:after {
		content: '';
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_r .agent_data_detal_r_l {
		float: left;
		color: #9c9c9c;
	}

	.agent_data_detail_repeat .agent_data_listy .agent_data_detal_r .agent_data_detal_r_r {
		float: left;
		margin-right: 10px;
	}

	.agent_data_listy_bottom {
		margin: 10px 10px 0;
		padding-top: 10px;
		border-top: 1px solid #eee;
	}

	.agent_data_box {
		font-size: 2.5rem;
		border: 1px solid #eee;
		background-color: #fff;
		border-radius: 5px;
		padding: 0 10px 10px;
		margin-bottom: 10px;
	}

	.agent_data_box .agent_data_box_list {
		margin-top: 10px;
	}

	.agent_data_box .agent_data_box_list:after {
		content: '';
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}

	.agent_data_box .agent_data_box_list .agent_data_box_list_l {
		color: #9c9c9c;
		float: left;
	}

	.agent_data_box .agent_data_box_list .agent_data_box_list_r {
		float: right;
	}

	.flex_box {
		font-size: 2.5rem;
		color: #9c9c9c;
		background-color: #fff;
		margin-top: 10px;
		padding: 10px 10px;
		border: 1px solid #eee;
		border-radius: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.agent_p {
		color: #9c9c9c;
		font-size: 2rem;
		text-align: justify;
	}

	.moneyPack_btn_push {
		width: 100%;
		font-size: 2.5rem;
		background: #f8626d;
		color: #fff;
	}

	.data_detil {
		font-size: 2.5rem;
		color: #9c9c9c;
		background-color: #fff;
		margin-top: 10px;
		padding: 10px 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.agent_data {
		width: 100%;
		height: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.agent_data .agent_data_detail {
		border: 1px solid #eee;
		border-radius: 5px;
		padding-bottom: 20px;
	}

	.coin {
		background: #f8f8f8;
		color: #9c9c9c;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 0 10px;
		position: relative;
	}

	.coin .coin_broadcast {
		height: 7.8%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.7rem;
	}

	.coin .coin_rule {
		height: 7.8%;
		width: 100%;
		border: 1px solid #eee;
		border-radius: 5px;
		margin-bottom: 10px;
		font-size: 1.7rem;
	}

	.coin .coin_rule .coin_rule_img {
		display: flex;
		float: left;
		height: 100%;
		align-items: center;
		margin-left: 10px;
	}

	.coin .coin_rule .coin_rule_img img {
		display: block;
		width: 33px;
		height: 33px;
	}

	.coin .coin_rule .coin_rule_left {
		display: flex;
		height: 100%;
		align-items: center;
		float: left;
		margin-left: 10px;
	}

	.coin .coin_rule .coin_rule_right {
		float: right;
		display: flex;
		height: 100%;
		margin-right: 10px;
		align-items: center;
	}

	.coin .coin_rule .coin_rule_right i {
		margin-left: 8px;
		font-size: 3rem;
		color: #9c9c9c;
	}

	.coin .coin_cathectic {
		height: 60%;
		width: 100%;
		border: 1px solid #eee;
		border-radius: 5px;
		font-size: 2.3rem;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.coin .coin_cathectic .coin_cathectic_title {
		display: flex;
		height: 14.5%;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.coin .coin_cathectic .coin_cathectic_num {
		height: 13.8%;
		width: 100%;
		border-radius: 5px;
		overflow: hidden;
		margin-bottom: 3.7%;
	}

	.coin .coin_cathectic .coin_cathectic_num .coin_cathectic_num_left,.coin .coin_cathectic .coin_cathectic_num .coin_cathectic_num_right {
		color: #fff;
		background: #5bb6e2;
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		width: 15.2%;
	}

	.coin .coin_cathectic .coin_cathectic_num .coin_cathectic_num_left {
		float: left;
	}

	.coin .coin_cathectic .coin_cathectic_num .coin_cathectic_num_right {
		float: right;
	}

	.coin .coin_cathectic .coin_cathectic_num .coin_cathectic_num_center {
		float: left;
		width: 69.6%;
		height: 100%;
		display: flex;
		box-sizing: border-box;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		justify-content: center;
		align-items: center;
	}

	.coin .coin_cathectic .coin_cathectic_choose {
		width: 100%;
		height: 13.8%;
		margin-bottom: 11.5%;
	}

	.coin .coin_cathectic .coin_cathectic_choose>.coin_cathectic_choose_num:nth-of-type(1) {
		margin-left: 0;
	}

	.coin .coin_cathectic .coin_cathectic_choose .coin_cathectic_choose_num {
		width: 23.4%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		margin-left: 2.12%;
		background: #5bb6e2;
		color: #fff;
		border-radius: 5px;
	}

	.coin .coin_cathectic .coin_order {
		width: 100%;
		height: 13%;
	}

	.coin .coin_cathectic .coin_order .coin_order_big,.coin .coin_cathectic .coin_order .coin_order_small {
		width: 48.92%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		border-radius: 5px;
	}

	.coin .coin_cathectic .coin_order .coin_order_big {
		background: #f9616d;
		color: #fff;
	}

	.coin .coin_cathectic .coin_order .coin_order_small {
		background: #337fdd;
		margin-left: 2.12%;
		color: #fff;
	}

	.coin .coin_cathectic .coin_cathectic_bottom {
		height: 9.9%;
		width: 100%;
	}

	.coin .coin_cathectic .coin_cathectic_bottom .coin_cathectic_bottom_left {
		float: left;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.coin .coin_cathectic .coin_cathectic_bottom .coin_cathectic_bottom_right {
		float: right;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.coin .coin_desc {
		text-align: center;
		width: 82.6%;
		margin: 0 auto;
		font-size: 1.7rem;
	}

	.coin .coin_bottom {
		height: 6.7%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 2.3rem;
	}

	.coin .coin_bottom>div {
		width: 30%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
	}

	.coin .coin_bottom .coin_identify {
		color: #2a8ce5;
		border: 1px solid #eee;
		background: #fff;
	}

	.coin .coin_bottom .coin_recharge {
		color: #fff;
		background: #f8626d;
		margin-left: 5.5%;
	}

	.coin_pay {
		background: rgba(0,0,0,0.7);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.coin_pay .coin_pay_box {
		width: 78.7%;
		height: 61.8%;
		padding: 10px;
		box-sizing: border-box;
		background: #fff;
		font-size: 2.3rem;
		border-radius: 5px;
		overflow: hidden;
		color: #9c9c9c;
	}

	.coin_pay .coin_pay_box .coin_pay_img {
		width: 100%;
		height: 13.99%;
		margin: 6.8% auto 3.07%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.coin_pay .coin_pay_box .coin_pay_img img {
		height: 100%;
		display: block;
	}

	.coin_pay .coin_pay_box .coin_pay_title {
		width: 100%;
		height: 14.67%;
		text-align: center;
		color: #000;
		font-size: 2.944rem;
	}

	.coin_pay .coin_pay_box .coin_pay_order_title {
		width: 100%;
		height: 7.28%;
		text-align: center;
	}

	.coin_pay .coin_pay_box .coin_pay_order_num {
		text-align: center;
		width: 100%;
		height: 20.67%;
	}

	.coin_pay .coin_pay_box .coin_pay_order_num .coin_pay_order_num_last_succ {
		color: #f9616d;
		font-size: 2.9rem;
	}

	.coin_pay .coin_pay_box .coin_pay_order_num .coin_pay_order_num_last_fail {
		color: #337fdd;
		font-size: 2.9rem;
	}

	.coin_pay .coin_pay_box .coin_pay_order_info {
		width: 100%;
		height: 7.28%;
		text-align: center;
	}

	.coin_pay .coin_pay_box .coin_pay_order_result {
		text-align: center;
		width: 100%;
		height: 16.38%;
		color: #f9616d;
	}

	.coin_pay .coin_pay_box .coin_pay_order_result .coin_pay_order_result_money {
		font-size: 3.77rem;
	}

	.coin_pay .coin_pay_box .coin_pay_order_confirm {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		color: #fff;
		background: #f9616d;
		border-radius: 6px;
		height: 12.6%;
	}

	#popup {
		width: 100%;
		height: 50%;
		padding: 10px;
		overflow: scroll;
		overflow-y: visible;
		overflow-x: hidden;
		position: relative;
		background-color: #18191e;
	}

	#popup .popup_order_first {
		width: 100%;
		min-height: 93px;
		border-radius: 5px;
		position: relative;
		padding: 5px 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;
	}

	#popup .popup_order_first .popup_order_top_result {
		width: 100%;
		height: 90px;
		color: #7e7e81;
		font-size: 2.3rem;
	}

	#popup .popup_order_first .popup_order_top_result:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_top_result .popup_order_top_left,#popup .popup_order_first .popup_order_top_result .popup_order_top_right {
		justify-content: space-around;
	}

	#popup .popup_order_first .popup_order_top {
		width: 100%;
		line-height: 1.5;
		font-size: 2.3rem;
	}

	#popup .popup_order_first .popup_order_top:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_top_left {
		float: left;
		width: 49%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#popup .popup_order_first .popup_order_top_left p {
		margin: 0;
	}

	#popup .popup_order_first .popup_order_top_left_f:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_top_left_f .popup_order_top_left_fl {
		float: left;
	}

	#popup .popup_order_first .popup_order_top_left_f .popup_order_top_left_fr {
		float: right;
	}

	#popup .popup_order_first .popup_order_top_right {
		float: right;
		width: 49%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#popup .popup_order_first .popup_order_top_right p {
		margin: 0;
	}

	#popup .popup_order_first .popup_order_bottom {
		width: 100%;
		font-size: 2.3rem;
		padding-top: 10px;
	}

	#popup .popup_order_first .popup_order_bottom:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_result:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_bottom p {
		margin: 0;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_left {
		float: left;
		width: 49%;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_left:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_right {
		float: right;
		width: 49%;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_right:after {
		content: '';
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_right p {
		margin: 0;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_p_left {
		float: left;
	}

	#popup .popup_order_first .popup_order_bottom .popup_order_b_p_right {
		float: right;
	}

	.tabs {
		border-top: 1px solid #eee!important;
	}

	.ion-main_on {
		height: 100%!important;
		background: url("./images/menu1.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-main_off {
		height: 100%!important;
		background: url("./images/menu2.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-trade_on {
		height: 100%!important;
		background: url("./images/menu3.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-trade_off {
		height: 100%!important;
		background: url("./images/menu4.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-tradedetial-on {
		height: 100%!important;
		background: url("./images/menu5.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-tradedetial-off {
		height: 100%!important;
		background: url("./images/menu6.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-ios-person-onn {
		height: 100%!important;
		background: url("./images/menu7.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.ion-ios-person-off {
		height: 100%!important;
		background: url("./images/menu8.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center;
	}

	.transparent {
		color: transparent!important;
	}

	.p_txt {
		font-size: 2rem;
		display: flex;
		padding: 0 20px;
		text-align: justify;
		color: #9c9c9c;
	}

	.p_txt .p_txt_left {
		padding-right: 5px;
	}

	.app_btn {
		width: 100%;
		padding: 0 10px;
		font-size: 2.5rem;
		line-height: 50px;
	}

	.app_btn .app_btn_active {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		background: #f8626d;
		color: #fff;
	}

	.zfb_inputbox {
		background: #fff;
		margin-top: 5px;
		padding: 0 10px;
		position: relative;
	}

	.zfb_inputbox label {
		font-size: 2.5rem;
		line-height: 50px;
		display: block;
		float: left;
		margin-right: 15px;
	}

	.zfb_inputbox input {
		color: #4a4a4a!important;
		font-size: 2.5rem;
		line-height: 50px;
		width: 70%;
		background-color: #fff;
	}

	.zfb_inputbox input::-webkit-input-placeholder {
		color: #9c9c9c;
	}

	.zfb_inputbox input::-moz-placeholder {
		color: #9c9c9c;
	}

	.zfb_inputbox input:-ms-input-placeholder {
		color: #9c9c9c;
	}

	.zfb_inputbox input:-moz-placeholder {
		color: #9c9c9c;
	}

	.zfb_inputbox i {
		position: absolute;
		line-height: 50px;
		right: 20px;
		top: 0;
		font-size: 3rem;
		color: #9c9c9c;
	}

	.spot_style {
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #ee5859;
		top: 50%;
		margin-top: -5px;
	}

	#mPQuestion_commend {
		padding: 0 16px;
	}

	#mPQuestion_list_txt {
		font-size: 2.1rem;
	}

	#me_input {
		width: 80.5%;
		font-size: 1.9rem;
	}

	#tixian_btn {
		padding: 0 20px;
	}

	.myname_content {
		width: 100%;
		height: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding-top: 80px;
		background-color: #f8f8f8;
	}

	.me_name_top {
		width: 100%;
		height: 52px;
		background: #fff;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		padding: 0 10px;
	}

	.me_name_top .me_name_top_txt {
		font-size: 2.5rem;
		font-weight: 500;
		padding-left: 10px;
		float: left;
		line-height: 50px;
	}

	.me_name_top .me_name_top_input {
		float: left;
		margin-left: 20px;
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center;
	}

	.me_name_top .me_name_top_input input {
		font-size: 2.5rem;
	}

	.me_name_btn_box {
		width: 100%;
		height: 50px;
		padding: 0 10px;
	}

	.me_name_btn_box .me_name_btn {
		background-color: #0AE;
		color: #fff;
		font-size: 2.5rem;
		text-align: center;
		line-height: 50px;
		border-radius: 5px;
		margin-top: 50px;
	}

	.me_content {
		height: 100%;
		width: 100%;
		padding-top: 10px;
		background-color: #f8f8f8;
	}

	.me_content .list_border {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
	}

	.me_content .list_border .list_item_line {
		width: 100%;
		height: 1px;
		background-color: #e7e7e7;
		border-left: 16px solid #fff;
		position: relative;
		z-index: 3;
	}

	.me_content .list_border .item {
		border: none;
	}

	.me_content .list_border .item-icon-right {
		padding-right: 44px;
	}

	.me_content .me_item_title {
		font-weight: 500;
		font-size: 2.5rem;
	}

	.me_listphoto {
		padding: 10px 10px 10px 16px;
		background-color: #fff;
		font-size: 2.5rem;
		line-height: 60px;
		font-weight: 500;
	}

	.me_listphoto:after {
		content: '';
		height: 0;
		display: block;
		clear: both;
		overflow: hidden;
	}

	.me_listphoto .me_listphoto_right {
		width: 60px;
		height: 60px;
		margin-right: 34px;
		float: right;
	}

	.me_listphoto .me_listphoto_right img {
		width: 100%;
		height: 100%;
		border-radius: 5px;
		display: block;
	}

	.item-icon-left .icon,.item-icon-right .colorgray {
		color: #9c9c9c;
		font-size: 2.1rem;
	}

	.changgePhoneNum {
		width: 100%;
		height: 100%;
	}

	.changgePhoneNum .changgePhoneNum_header {
		background-color: #fff;
		padding: 0 0 0 20px;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
	}

	.changgePhoneNum .changgePhoneNum_header>div:first-child {
		border-bottom: 1px solid #eee;
	}

	.changgePhoneNum .changgePhoneNum_header .changgePhoneNum_header_title {
		float: left;
		font-size: 2.5rem;
		margin-right: 20px;
		font-weight: 500;
		margin-top: 5px;
	}

	.changgePhoneNum .changgePhoneNum_header .changgePhoneNum_header_first {
		overflow: hidden;
		padding: 8px 0;
		border-bottom: 1px solid #eee;
	}

	.changgePhoneNum .changgePhoneNum_header .changgePhoneNum_header_second {
		position: relative;
		padding: 8px 0;
		display: flex;
	}

	.changgePhoneNum .changgePhoneNum_header .changgePhoneNum_header_second .changgePhoneNum_identify {
		position: absolute;
		right: 10px;
		top: 8px;
		width: 32%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 2.5rem;
		color: #fff;
		background-color: #0ae;
		border-radius: 5px;
	}

	.changgePhoneNum .changgePhoneNum_header .changgePhoneNum_header_second .changgePhoneNum_identify_gray {
		position: absolute;
		right: 10px;
		top: 8px;
		width: 32%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 2.5rem;
		color: #fff;
		background-color: #ddd;
		border-radius: 5px;
	}

	.changgePhoneNum .changgePhone_lang {
		padding-left: 20px;
		padding-right: 20px;
	}

	.changgePhoneNum .changgePhone_txt {
		text-align: center;
		color: #9c9c9c;
		line-height: 2;
		font-size: 1.9rem;
	}

	.me_lang_btn {
		text-align: center;
		width: 100%;
		height: 50px;
		font-size: 2.5rem;
		line-height: 50px;
		margin-top: 28px;
		border-radius: 5px;
	}

	.item-note {
		font-size: 2.3rem;
		font-weight: 500;
		color: #9c9c9c;
		max-width: 60%;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-top: -1px;
	}

	.me_only {
		height: 100%;
		width: 100%;
		padding: 0 10px;
	}

	.statistical {
		height: 100%;
		width: 100%;
		padding: 0 10px;
	}

	.me_agent {
		height: 100%;
		width: 100%;
		padding: 0 10px;
	}

	.me_list {
		width: 100%;
		line-height: 36px;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 5px;
		padding: 0 8px;
	}

	.me_list:after {
		content: '';
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	.me_list .me_title {
		float: left;
		font-weight: 500;
	}

	.me_list .me_list_txt {
		float: right;
		color: #9c9c9c;
		font-size: 1.3rem;
	}

	.me_list .me_list_txt_red {
		color: #ee3834;
		float: right;
	}

	.me_list .me_list_txt_onlyurl {
		color: #2a8ce5;
		padding-bottom: 10px;
	}

	.me_ruler_txt {
		padding: 0 20px;
		color: #9c9c9c;
		font-size: 1.3rem;
	}

	.me_ruler_txt p {
		margin: 0;
	}

	.padding_23 {
		padding-left: 23px!important;
		padding-right: 23px!important;
	}

	.border_none {
		border: none!important;
		border-radius: 0!important;
	}

	.me_agent_content {
		border: 1px solid #eee;
		border-radius: 5px;
		overflow: hidden;
		background-color: #fff;
	}

	.txt_center {
		text-align: center;
	}

	.me_agent_btn {
		width: 100%;
		display: flex;
		padding: 0 10px;
		justify-content: space-between;
	}

	.me_agent_btn .me_agent_btn_active {
		color: #fff;
		background-color: #2a8ce5;
		border-radius: 5px!important;
	}

	.me_agent_btn_com {
		width: 30%;
		color: #9c9c9c;
		background-color: #fff;
		border-radius: 5px!important;
		text-align: center;
		font-size: 2.5rem;
		line-height: 36px;
		border: 1px solid #eee!important;
	}

	.me_agent_btn_com:nth-child(2) {
		margin: 0 10px;
	}

	.rule_tex {
		color: #4a4a4a;
		font-size: 1.9rem;
		padding: 10px;
	}

	.rule_tex p {
		text-indent: 2em;
		text-align: justify;
		word-wrap: break-word;
		font-size: 2.4rem;
		line-height: 1.5;
		padding: 0;
		margin: 0;
		padding: 27px 20px;
	}

	.rule_tex p span {
		font-weight: bolder;
	}

	.rookie {
		width: 100%;
	}

	.rookie img {
		display: block;
		width: 100%;
	}

	.logout_me {
		width: 100%;
		padding: 16px;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		text-align: center;
		font-weight: 500;
		font-size: 2.5rem;
		background-color: #fff;
	}

	.list .changeList {
		background: #fff;
		border: none;
		padding: 16px;
		display: flex;
		margin-bottom: 5px;
	}

	.list .changeList .list_img {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 48px;
		padding-right: 16px;
	}

	.list .changeList .list_img img {
		width: 100%;
		display: block;
	}

	.list .changeList .item-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.list .changeList .item-center .item_center_title {
		color: #000;
	}

	.list .changeList .item-center .item_center_desc {
		font-size: 1.9rem;
		color: #9c9c9c;
	}

	.list .changeList .ion-plus-round {
		font-size: 2.5rem;
	}

	.moneyBand {
		text-align: end;
		line-height: 1;
		font-size: 2rem;
		padding-top: 10px;
		padding-right: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #9c9c9c;
	}

	.moneyBand img {
		height: 16px;
		margin-right: 5px;
	}

	#moneyinput {
		font-size: 2.1rem;
	}

	.QRcode_ime {
		width: 100%;
		padding: 8% 0 6%;
		position: relative;
	}

	.QRcode_ime img {
		display: block;
		width: 50%;
		margin: 0 auto;
	}

	.QRcode_txt {
		width: 100%;
		text-align: center;
		margin-bottom: 8%;
		color: #9c9c9c;
		font-size: 2rem;
	}

	.moneyPack {
		width: 100%;
		height: 100%;
		background-color: #f8f8f8;
	}

	.moneyPack .moneyPack_btn {
		width: 100%;
		height: 70%;
		padding: 0 20px 0;
	}

	.moneyPack .moneyPack_btn .moneyPack_btn_push {
		width: 100%;
		font-size: 2.5rem;
		background: #f8626d;
		color: #fff;
	}

	.moneyPack .moneyPack_btn .moneyPack_btn_del {
		margin-top: 20px;
		width: 100%;
		height: 50px;
		color: #ee3834;
		font-size: 2.5rem;
		background-color: #fff;
		border: 1px solid #eee;
		font-weight: 500;
	}

	.moneyPack .moneyPack_btn .moneyPack_btn_del .moneyPack_btn_del_sub {
		font-size: 1.6rem;
	}

	.moneyPack .moneyPack_btn .moneyPack_btn_txt {
		width: 100%;
		margin-top: 5px;
		text-align: center;
		color: #9c9c9c;
		font-size: 2rem;
		line-height: 2;
	}

	.moneyPack .moneyPack_btn .moneyPack_btn_txt_c {
		width: 100%;
		margin-bottom: 0;
		text-align: center;
		color: #9c9c9c;
		font-size: 2rem;
		line-height: 1.5;
	}

	.moneyPack .moneyPack_btn_del_img {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.moneyPack .moneyPack_btn_del_img img {
		width: 12%;
		display: block;
	}

	.moneyPack .moneyPack_btn_del_img .moneyPack_btn_del_img_txt {
		text-align: center;
		margin: 0;
		font-size: 1.6rem;
		color: #9c9c9c;
	}

	.moneyPack .moneyPack_btn_difficult {
		width: 100%;
	}

	.moneyPack .moneyPack_btn_difficult .moneyPack_btn_que {
		width: 100%;
		height: 50px;
		font-size: 2.5rem;
		background-color: #fff;
		color: #9c9c9c;
		border: 1px solid #eee;
	}

	.moneyPack .moneyPack_btn_difficult .moneyPack_btn_result {
		float: right;
		width: 48%;
		height: 50px;
		font-size: 1.6rem;
		background-color: #fff;
		border: 1px solid #eee;
		color: #9c9c9c;
	}

	.myPackMoney_txt {
		text-align: center;
		font-size: 1.4rem;
		line-height: 33px;
	}

	.myPackMoney {
		text-align: center;
		font-size: 1.4rem;
		color: #ee3834;
	}

	.myPackMoney .myPackMoneyFloat {
		font-size: 3rem;
	}

	.queryPayRet {
		width: 100%;
		height: 100%;
	}

	.queryPayRet .logo {
		width: 100px;
		height: 100px;
		margin: 120px auto 0 auto;
	}

	.queryPayRet .logo img {
		width: 100%;
		height: 100%;
		border: none;
	}

	.queryPayRet .bigContent {
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin-top: 40px;
		font-size: 2.5rem;
	}

	.queryPayRet .smallContent {
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 2rem;
		color: #9c9c9c;
	}

	.queryPayRet .clostBtn {
		margin: 60px 13.5% 0 13.5%;
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-weight: 500;
		border-radius: 5px;
		text-align: center;
		font-size: 2.5rem;
		background-color: #f8626d;
	}

	.queryPayRet .disabledBtn {
		margin: 60px 13.5% 0 13.5%;
		height: 50px;
		line-height: 50px;
		color: #9c9c9c;
		border: 1px solid #eee;
		font-weight: 500;
		border-radius: 5px;
		text-align: center;
		font-size: 2.5rem;
		background-color: #fff;
	}

	.recharge_fast {
		margin-left: 10px;
		margin-top: 38px;
		font-size: 2rem;
		color: #9c9c9c;
	}

	.rechange_money {
		margin-top: 10px;
		width: 100%;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
	}

	.rechange_money .rechange_money_btn_center {
		margin: 0 10px;
	}

	.rechange_money .rechange_money_btn {
		height: 46px;
		flex: 1;
		color: #c7c7c7;
		line-height: 46px;
		text-align: center;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 5px;
		font-size: 2.5rem;
	}

	.rechange_money .rechange_money_btn .rechange_money_btn_yuan {
		font-size: 2rem;
		margin-left: 5px;
	}

	.rechange_money .rechange_money_btn_active {
		background-color: #ee5859;
		color: #fff;
	}

	.rechange_money_confirm {
		margin-top: 24px;
		width: 100%;
		padding: 0 10px;
	}

	.rechange_money_confirm .rechange_money_confirm_btn {
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-weight: 500;
		border-radius: 5px;
		text-align: center;
		font-size: 2.5rem;
		background-color: #f8626d;
	}

	.rechange_money_confirm_btn_gray {
		background-color: #ddd;
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-weight: 500;
		border-radius: 5px;
		text-align: center;
		font-size: 2.5rem;
	}

	.rechange_money_txt {
		margin-top: 10px;
		color: #9c9c9c;
		text-align: center;
		font-size: 2rem;
	}

	.margin_top_8 {
		margin-top: 8px;
	}

	.margin_top_16 {
		margin-top: 16px;
	}

	.margin_top_205 {
		margin-top: 20%;
	}

	.trade_btn_danhao {
		color: #9c9c9c;
	}

	.withdraw {
		width: 100%;
		height: 100%;
		font-size: 1.8rem;
	}

	.withdraw .withdraw_header {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}

	.withdraw .withdraw_header_account {
		padding: 20px 10px;
		background-color: #fff;
	}

	.withdraw .withdraw_header_account:after {
		content: '';
		height: 0;
		display: block;
		overflow: hidden;
		clear: both;
	}

	.withdraw .withdraw_header_account .withdraw_header_right_btn {
		color: #2a8ce5;
		font-size: 2.5rem;
	}

	.withdraw .withdraw_header_money {
		padding: 10px 10px 18px;
		background-color: #fff;
	}

	.withdraw .withdraw_header_money:after {
		content: '';
		height: 0;
		display: block;
		overflow: hidden;
		clear: both;
	}

	.withdraw .withdraw_header_left {
		margin-right: 20px;
		font-weight: 500;
		font-size: 2.5rem;
		float: left;
	}

	.withdraw .withdraw_header_right {
		float: left;
	}

	.withdraw .withdraw_header_txt {
		color: #9c9c9c;
		margin: 0;
		font-size: 2rem;
	}

	.withdraw .withdraw_header_txt span {
		color: transparent;
		font-size: 2.5rem;
		font-weight: 500;
		margin-right: 20px;
	}

	.withdraw .withdraw_header_txt:nth-of-type(1) {
		margin-top: 13px;
	}

	.withdraw .withdraw_money_confirm {
		width: 100%;
		padding: 0 10px;
	}

	.withdraw .withdraw_money_confirm .withdraw_money_confirm_btn {
		color: #fff;
		background-color: #1DBBA4;
		text-align: center;
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin-top: 20px;
		border-radius: 5px;
		font-size: 2.5rem;
	}

	.withdraw_line {
		height: 1px;
		width: 100%;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		background-color: #eee;
		clear: both;
	}

	.withdraw_boxin_line {
		height: 1px;
		width: 100%;
		background-color: #e7e7e7;
		clear: both;
	}

	.lang {
		width: 100%;
		padding: 0 20px;
	}

	.lang .lang_btn {
		text-align: center;
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 2.5rem;
		margin-top: 28px;
		border-radius: 5px;
	}

	.lang_btn_bg_color_green {
		background-color: #1DBBA4;
	}

	.lang_btn_bg_color_white {
		background-color: #fff;
	}

	.lang_btn_bg_color_blue {
		background-color: #fff;
	}

	.lang_btn_color_white {
		color: #fff;
	}

	.lang_btn_color_default {
		color: #9c9c9c;
	}

	.lang_btn_bg_light_blue {
		background-color: #81acff;
	}

	.lang_btn_color_blue {
		color: #54aed0;
	}

	.lang_btn_border_blue {
		border: 1px solid #54aed0;
	}

	.lang_btn_border_red {
		border: 1px solid #f8626d;
	}

	.lang_btn_border_default {
		border: 1px solid #eee;
	}

	.lang_btn_bg_color_blue {
		background-color: #0AE;
	}

	.lang_btn_bg_color_red {
		background-color: #f8626d;
	}

	.mPQuestion {
		width: 100%;
		height: 100%;
	}

	.mPQuestion .mPQuestion_header {
		margin-top: 10px;
		background-color: #fff;
		width: 100%;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		padding: 0 0 0 20px;
	}

	.mPQuestion .mPQuestion_header .mPQuestion_list {
		padding: 6px 0;
	}

	.mPQuestion .mPQuestion_header .mPQuestion_list:after {
		content: '';
		height: 0;
		display: block;
		overflow: hidden;
		clear: both;
	}

	.mPQuestion .mPQuestion_header .mPQuestion_list input {
		font-size: 2.1rem;
	}

	.mPQuestion .mPQuestion_header .mPQuestion_list .mPQuestion_list_txt {
		float: left;
		font-size: 2.4rem;
		line-height: 35px;
		margin-right: 20px;
	}

	.mPQuestion .lang_btn_color {
		background-color: #0AE;
		color: #fff;
	}

	.mPQuestion_commend {
		color: #9c9c9c;
		padding: 0 20px;
		font-size: 2rem;
		display: flex;
	}

	.mPQuestion_commend:after {
		content: '';
		height: 0;
		display: block;
		overflow: hidden;
		clear: both;
	}

	.mPQuestion_commend .mPQuestion_commend_left {
		width: 7%;
		line-height: 1.4;
	}

	.mPQuestion_commend .mPQuestion_commend_right {
		width: 93%;
		line-height: 1.4;
	}

	.mPQuestion_commend .mPQuestion_commend_black {
		color: #4a4a4a;
	}

	.moneyPackResult_content {
		width: 100%;
		height: 100%;
	}

	.moneyPackResult_content .moneyPack_btn_result_header_li {
		padding: 10px 10px 0;
	}

	.moneyPackResult_content .moneyPack_btn_result_header_li .moneyPack_btn_result_header_list {
		background-color: #fff;
		border: 1px solid #eee;
		padding: 0 10px 10px 10px;
		border-radius: 5px;
	}

	.moneyPackResult_content .moneyPack_btn_result_header_li .moneyPack_btn_result_header_list .moneyPack_btn_result_header_title {
		font-weight: 500;
		margin-top: 10px;
		font-size: 1.8rem;
		margin-bottom: 6px;
	}

	.moneyPackResult_content .moneyPack_btn_result_header_li .moneyPack_btn_result_header_list .moneyPack_btn_result_header_txt {
		color: #9c9c9c;
		font-size: 1.6rem;
	}

	.moneyPackResult_content .moneyPack_btn_result_header_li .moneyPack_btn_result_header_list .moneyPack_btn_result_header_result {
		color: #2a8ce5;
		font-size: 1.6rem;
		font-weight: 500;
	}

	.moneyPackResult_content .moneyPackResult_content_txt {
		color: #9c9c9c;
		text-align: center;
		margin-top: 20px;
		font-size: 2rem;
	}

	.moneyPackResult_content .moneyPackResult_content_bottom_txt {
		font-size: 1.6rem;
		margin-top: 20px;
		color: #2a8ce5;
		margin-left: 20px;
		font-weight: 500;
	}

	.qrCode {
		width: 100%;
		min-height: 100%;
		background: #419056;
		box-sizing: border-box;
		position: relative;
		padding-bottom: 56px;
	}

	.qrCode .qrCodeMargin {
		margin: 0 15px;
	}

	.qrCode .qrCode_top {
		min-height: 70%;
		border: 1px solid #e7e7e7;
		border-radius: 5px;
		background-color: #fff;
	}

	.qrCode .qrCode_top .title {
		border-bottom: 1px solid #e7e7e7;
		height: 14%;
		padding-bottom: 15px;
		padding-top: 15px;
		background-color: #fff;
		font-size: 2.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.qrCode .qrCode_top .title img {
		display: block;
	}

	.qrCode .qrCode_top .qrCode_img_p {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 0;
		line-height: 1.5;
	}

	.qrCode .qrCode_top .qrCode_img {
		padding: 0 17%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
	}

	.qrCode .qrCode_top .qrCode_img p {
		margin: 0;
		padding: 0;
	}

	.qrCode .qrCode_top .qrCode_img img {
		display: block;
		max-width: 320px;
		width: 100%;
		padding: 12px 0;
	}

	.qrCode .qrCode_top .bottom {
		height: 13%;
		font-size: 1.6rem;
		color: #419056;
	}

	.qrCode .qrCode_top .bottom .bottom_title {
		display: flex;
		align-items: center;
		position: relative;
		justify-content: center;
	}

	.qrCode .qrCode_top .bottom .bottom_title .bottom_title_line {
		position: absolute;
		height: 1px;
		left: 0;
		top: 50%;
		margin-top: -1px;
		right: 0;
		background: #419056;
		width: 100%;
	}

	.qrCode .qrCode_top .bottom .bottom_title span {
		position: relative;
		padding: 0 10px;
		font-weight: bolder;
		background-color: #fff;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_1 {
		padding: 12px 0;
		display: flex;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_1 .bottom_txt_img {
		width: 98%;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_1 .bottom_txt_img img {
		width: 100%;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_1 div {
		flex: 1;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_1:before {
		content: '1';
		padding-right: 10px;
		display: block;
		height: 100%;
		width: 30px;
		float: left;
		background: url("./images/slice1.png") no-repeat;
		background-size: contain;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_2 {
		display: flex;
		padding: 12px 0;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_2 div {
		flex: 1;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_2:before {
		content: '2';
		padding-right: 10px;
		display: block;
		height: 100%;
		width: 30px;
		float: left;
		background: url("./images/slice2.png") no-repeat;
		background-size: contain;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_3 {
		display: flex;
		padding: 12px 0;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_3 div {
		flex: 1;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_3 .bottom_txt_img {
		width: 98%;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_3 .bottom_txt_img img {
		width: 100%;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_3:before {
		content: '3';
		padding-right: 10px;
		display: block;
		height: 100%;
		width: 30px;
		float: left;
		background: url("./images/slice3.png") no-repeat;
		background-size: contain;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_4 {
		display: flex;
		padding: 12px 0;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_4 div {
		flex: 1;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_4:before {
		content: '4';
		padding-right: 10px;
		display: block;
		height: 100%;
		width: 30px;
		float: left;
		background: url("./images/slice4.png") no-repeat;
		background-size: contain;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_img {
		margin-top: 8px;
		width: 66%;
	}

	.qrCode .qrCode_top .bottom .bottom_txt_img img {
		width: 100%;
	}

	.qrCode .qrCode_top .bottom_line {
		height: 1px;
		width: 100%;
		background: #eee;
	}

	.qrCode .qrCode_bottom {
		background-image: url("./images/guide.png");
		background-repeat: no-repeat;
		background-size: contain;
		border-radius: 5px;
		margin-top: 10px;
		height: 30%;
		display: flex;
	}

	.qrCode .qrCode_bottom img {
		display: block;
		width: 100%;
	}

	.qrCode .qrCode_bottom .qrCode_bottom_box {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.qrCode .qrCode_bottom .qrCode_bottom_box .qrcode_left {
		width: 30%;
		height: 100%;
	}

	.qrCode .qrCode_bottom .qrCode_bottom_box .qrcode_left img {
		display: block;
	}

	.qrCode .qrCode_bottom .qrCode_bottom_box .qrCode_right {
		width: 70%;
		height: 100%;
	}

	.qrCode .notice {
		color: #89CE98;
		line-height: 1.5;
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: -6px;
		margin-top: 20px;
	}

	.qrCode_logo {
		position: absolute;
		bottom: 5px;
		width: 100%;
		height: 56px;
		z-index: 1;
		background: url("./images/rechargelogo_20161220.png") no-repeat center;
		background-size: 30%;
	}

	.androidcontent {
		background-color: #419056;
		padding: 10px;
		height: 100%;
		font-size: 2.5rem;
		color: #fff;
	}

	.androidcontent .iostitle {
		display: flex;
		height: 15.8%;
		justify-content: center;
		align-items: center;
		font-size: 3rem;
	}

	.androidcontent .iostitle img {
		vertical-align: middle;
		width: 50%;
	}

	.androidcontent .paddingbox_10 {
		height: 10px;
		width: 100%;
	}

	.androidcontent .ios_top_t {
		display: flex;
	}

	.androidcontent .ios_top_t:after {
		content: '';
		height: 0;
		display: block;
		overflow: hidden;
		clear: both;
	}

	.androidcontent .ios_top_t .ios_left {
		flex: 1;
	}

	.androidcontent .ios_top_t .ios_left img {
		width: 32px;
		height: 31px;
		margin-top: -7px;
	}

	.androidcontent .ios_top_t .ios_right {
		flex: 8;
		padding-left: 12px;
		font-size: 2.2rem;
		color: #000;
	}

	.androidcontent .ios_top {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 5px;
		background: #fff;
	}

	.androidcontent .ios_top .ios_top_b {
		width: 63%;
		border-radius: 5px;
		line-height: 2;
		background-color: #419056;
		color: #fff;
		margin: 8px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.androidcontent .ios_center {
		background: #fff;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 5px;
		width: 100%;
	}

	.androidcontent .ios_center .ios_center_img {
		width: 100%;
		padding-top: 5px;
	}

	.androidcontent .ios_center .ios_center_img img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}

	.androidcontent .ios_bottom {
		background: #fff;
		padding: 20px 20px 0;
		box-sizing: border-box;
		border-radius: 5px;
		width: 100%;
	}

	.androidcontent .ios_bottom .ios_top_t {
		padding-bottom: 20px;
	}

	.androidcontent .app_p {
		color: #89CE98;
		line-height: 1.5;
		font-size: 1.6rem;
		text-align: center;
		margin-top: 10px;
	}

	.content_box {
		max-width: 1000px;
		padding-top: 44px;
	}

	.login_content {
		width: 100%;
		background-color: #fff;
		padding-bottom: 20px;
		border-radius: 5px;
		position: relative;
	}

	.login_content .login_logo {
		width: 100%;
		padding: 30px 0 10px;
	}

	.login_content .login_logo h3 {
		text-align: center;
	}

	.login_content .login_logo .login_logo_img {
		width: 19%;
		display: block;
		margin: 0 auto;
	}

	.login_content .login_body {
		width: 100%;
		padding: 0 20px;
	}

	.login_content .login_body .rechange_money_txt {
		text-align: left;
	}

	.login_content .login_body .register_input {
		display: block;
		float: left;
		clear: right;
		font-size: 2.5rem;
		border: none;
		padding: 0;
		margin: 0;
	}

	.login_content .login_body .changgePhoneNum_header_second {
		position: relative;
		padding: 8px 0;
		display: flex;
	}

	.login_content .login_body .changgePhoneNum_header_second .changgePhoneNum_identify {
		position: absolute;
		right: 10px;
		top: 5px;
		width: 35%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 2.5rem;
		color: #fff;
		background-color: #f8626d;
		border-radius: 5px;
	}

	.login_content .login_body .changgePhoneNum_header_second .changgePhoneNum_identify_gray {
		position: absolute;
		right: 10px;
		top: 5px;
		width: 35%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 2.5rem;
		color: #fff;
		background-color: #ddd;
		border-radius: 5px;
	}

	.ng_switch_login {
		background-color: rgba(0,0,0,0.6);
		padding: 0 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		z-index: 10;
		display: flex;
		align-items: center;
	}

	.login_phone_input {
		background-color: #fff;
		width: 100%;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		height: 50px;
	}

	.lable {
		display: block;
		float: left;
		text-align: left;
		clear: left;
		height: 50px;
	}

	.lable img {
		height: 100%;
	}

	#login_phone {
		display: block;
		float: left;
		clear: right;
		border: none;
		font-size: 2.5rem;
		padding: 0;
	}

	#login_pass {
		display: block;
		float: left;
		clear: right;
		border: none;
		font-size: 2.5rem;
		padding: 0;
	}

	.paswbtn {
		color: #296fd4;
	}

	.selectable {
		-webkit-user-select: auto;
	}

	.close_login_btn {
		background-image: url("./images/close_onicLogin.png");
		background-repeat: no-repeat;
		background-size: cover;
		width: 30px;
		height: 30px;
		position: absolute;
		top: -15px;
		right: -15px;
	}

	.tradeDetaile {
		width: 100%;
		height: 100%;
		padding: 0 10px;
	}

	.moneyDetaile {
		width: 100%;
		height: 100%;
		padding: 0 10px;
	}

	.moneyDetaile>.moneyDetaile_list:first-child {
		margin-top: 0;
	}

	.moneyDetaile .moneyDetaile_list {
		background-color: #fff;
		padding: 20px 10px 20px;
		border: 1px solid #eee;
		border-radius: 5px;
		margin-top: 10px;
	}

	.rangeDetaile {
		width: 100%;
		height: 100%;
	}

	.rangeDetaile .rangeDetaile_day,.rangeDetaile .rangeDetaile_week,.rangeDetaile .rangeDetaile_mouth {
		padding: 0 10px;
	}

	.rangeDetaile .rangeDetaile_list {
		background-color: #fff;
		padding: 8px 10px 16px;
		border: 1px solid #eee;
		border-radius: 5px;
	}

	.rangeDetaile .rangeDetaile_list .tradeDetaile_content {
		width: 100%;
		margin-top: 8px;
	}

	.rangeDetaile .rangeDetaile_list .tradeDetaile_content:after {
		content: '';
		display: block;
		overflow: hidden;
		height: 0;
		clear: both;
	}

	.rangeDetaile .rangeDetaile_list .tradeDetaile_content .rangeDetaile_content_left {
		width: 58%;
		float: left;
	}

	.rangeDetaile .rangeDetaile_list .tradeDetaile_content .rangeDetaile_content_right {
		width: 42%;
		float: right;
	}

	.tradeDetail_txt_data {
		padding-left: 10px;
		color: #9c9c9c;
		font-size: 1.2rem;
	}

	.me_agent_btn_com {
		font-size: 2.5rem;
		color: #9c9c9c;
	}

	.tradeDetail_title_right {
		float: right;
		font-weight: 500;
		color: #ee3834;
	}

	.moneyDetaile_list_little_title {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.tradeDetaile_trade_list .tradeDetaile_trade_list_top {
		background-color: #fff;
		padding: 20px 10px 20px;
		border: 1px solid #eee;
		border-radius: 5px;
	}

	.tradeDetaile_trade_list .tradeDetaile_trade_list_bottom {
		background-color: #fff;
		margin-bottom: 10px;
		padding: 10px 10px 20px;
		border: 1px solid #eee;
		border-radius: 5px;
	}

	.tradeDetaile_trade_list .tradeDetaile_content {
		width: 100%;
	}

	.tradeDetaile_trade_list .tradeDetaile_content:after {
		content: '';
		display: block;
		overflow: hidden;
		height: 0;
		clear: both;
	}

	.tradeDetaile_trade_list .tradeDetaile_content .tradeDetaile_content_left {
		width: 50%;
		float: left;
	}

	.tradeDetaile_trade_list .tradeDetaile_content .tradeDetaile_content_right {
		width: 50%;
		float: right;
	}

	.tradeDetail_title {
		font-weight: 500;
		font-size: 2.5rem;
	}

	.tradeDetail_txt {
		color: #9c9c9c;
		font-size: 2rem;
		clear: both;
	}

	.tradeDetail_txt_alignleft {
		text-align: left;
	}

	.tradeDetail_txt_alignright {
		float: right;
		text-align: right;
		margin: 0;
	}

	.tradeDetail_txt_red {
		color: #ee3834;
	}

	.tradeDetail_txt_blue {
		color: #2a8ce5;
	}

	.me_trade_btn_active {
		color: #fff!important;
		background-color: #0ae!important;
	}

	.me_money_btn_active {
		color: #fff!important;
		background-color: #ee5859!important;
	}

	.me_rang_btn_active {
		color: #fff!important;
		background-color: #fe6800!important;
	}

	.me_agentRange_btn_active {
		color: #fff!important;
		background-color: #f5a623!important;
	}

	/*ionic.css*/

	.pane {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition-duration: 0;
		transition-duration: 0;
		z-index: 1; }

	.view {
		z-index: 1; }

	.pane,
	.view {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		overflow: hidden;
	}

</style>
